<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			a{
				text-decoration: none;
				color: black;
			}
			a:hover{
				color: red;
				}
			.title{
				background-color: dodgerblue;
				height: 30px;
				color: width;
				font-weight: bold;
				line-height: 30px;
			}
			.big-div{
			    width: 300px;
				border: 1px solid gray;
			}
			.li1,.li2,.li3,.li4,.li5,.li6,.li7{
				width: 250px;
				height: 40px;
				padding-left: 40px;
				line-height:64px;
				background-image: url(新建文件夹/0.jpg);
				background-repeat: no-repeat;
				background-size: 20px 20px;
				background-position: 23px 10px;
				border: 1px darkgrey solid;
			}
		</style>
	</head>
	<body>
		<div class="big-div">
			<div class="title"><a href="#">数码分类</a></div>
		    <div class="li1"><a href="#">平板电脑</a></div>
		    <div class="li2"><a href="#">摄像摄影</a></div>
		    <div class="li3"><a href="#">智能数码</a></div>
		    <div class="li4"><a href="#">娱乐影音</a></div>
		    <div class="li5"><a href="#">路由器</a></div>
		    <div class="li6"><a href="#">手机配件</a></div>
		    <div class="li7"><a href="#">电子教育</a></div>
		</div>

	</body>
</html>